<template>
	<view class="layout">
		<view class='classify'>
			
			<view class="select">
				
				 <uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="button"   activeColor="#1ec0ff" class='right'></uni-segmented-control>
					
		
			</view>
			<view class="content">
						<view class="">
							导入
						</view>
			            <view v-show="current === 0">
			               <uni-file-picker
			               	v-model="imageValue" 
			               	fileMediatype="image" 
			               	mode="grid" 
			               	limit="5"
			               	@select="select" 
			               	@progress="progress" 
			               	@success="success" 
			               	@fail="fail" 
			               />
			            </view>
			            <view v-show="current === 1">
			               <uni-file-picker
			               	v-model="imageValue" 
			               	fileMediatype="image" 
			               	mode="grid" 
			               	limit="5"
			               	@select="select" 
			               	@progress="progress" 
			               	@success="success" 
			               	@fail="fail" 
			               />
			            </view>
			            <view v-show="current === 2">
			               <uni-file-picker
			               	v-model="imageValue" 
			               	fileMediatype="image" 
			               	mode="grid" 
			               	limit="5"
			               	@select="select" 
			               	@progress="progress" 
			               	@success="success" 
			               	@fail="fail" 
			               />
			            </view>
						
						<view class="">
							请按照固定的正确格式
						</view>
						
			</view>
		
		</view>	
	</view>
</template>

<script setup>
import { ref } from 'vue';

const current = ref(0);
const items = ref(['花名册导入','成绩导入','缴费导入']);	

const onClickItem = (e) =>{
		
		if (current.value != e.currentIndex) {
		        current.value = e.currentIndex;
		      }
	}
</script>

<style lang='scss' scoped>
	 .layout{
		 padding: 10rpx 30rpx;
	 }      
</style>
